<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>iNettuts - Welcome!</title>
        
      <link href="inettuts.css" rel="stylesheet" type="text/css" />
</head>
<style type="text/css">
a{color:#000;}
</style>
<body>
    
    <div id="head">
        <h1>个性网站</h1>
    </div>

    <div id="columns">
         <a href="add.jsp">添加</a>
        <ul id="column1" class="column">
          <li class="widget color-green" >
                <div class="widget-head">
                    <h3>军事</h3>
                </div>
                <div class="widget-content">
              
                </div>
            </li>
            <li class="widget color-red">  
                <div class="widget-head">
                    <h3>动漫</h3>
                </div>
                <div class="widget-content">
               
                </div>
            </li>
      
            <li class="widget color-green" >
                <div class="widget-head">
                    <h3>娱乐</h3>
                </div>
                <div class="widget-content">
              
                </div>
            </li>
            <li class="widget color-red">  
                <div class="widget-head">
                    <h3>科技</h3>
                </div>
                <div class="widget-content">
               
                </div>
            </li>
        </ul>
</div>


<div id="columns">
       <a href="#">添加</a>
<ul id="column2" class="column">
            <li class="widget color-green">
                <div class="widget-head">
                    <h3>欢迎</h3>
                </div>
                <div class="widget-content">
                    <p>1</p>
                </div>
            </li>
            <li class="widget color-red">  
                <div class="widget-head">
                    <h3>搜狐</h3>
                </div>
                <div class="widget-content">
                    <p>2</p>
                </div>
            </li>
      
            <li class="widget color-blue">  
                <div class="widget-head">
                    <h3>新浪</h3>
                </div>
                <div class="widget-content">
                    <p>3</p>
                </div>
            </li>
            <li class="widget color-yellow">  
                <div class="widget-head">
                    <h3>凤凰</h3>
                </div>
                <div class="widget-content">
                    <p>4</p>
                </div>
            </li>
       
            <li class="widget color-orange">  
                <div class="widget-head">
                    <h3>中华</h3>
                </div>
                <div class="widget-content">
                    <p>5</p>
                </div>
            </li>
            <li class="widget color-white">  
                <div class="widget-head">
                    <h3>百度</h3>
                </div>
                <div class="widget-content">
                    <p>6</p>
                </div>
            </li>
            
        </ul>
        
    </div>
    
    

   
    <script type="text/javascript" src="gc/WebRoot/resource/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="gc/WebRoot/resource/jquery-ui-personalized-1.6rc2.min.js"></script>
    <script type="text/javascript" src="gc/WebRoot/resource/inettuts.js"></script>

</body>
</html>